.container[data-v-58940cdb]{display:flex;width:100%;height:600px}.box[data-v-58940cdb]{position:relative;display:flex;align-items:center;justify-content:center;height:100%;transition:flex .3s ease;overflow:hidden}.box .mask[data-v-58940cdb]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;transition:background-color .3s ease}.box img[data-v-58940cdb]{width:100%;height:100%}.box .service-title[data-v-58940cdb]{position:absolute;top:48px;left:40px;color:#fff;z-index:5}.box .service-btn[data-v-58940cdb]{position:absolute;right:84px;bottom:48px;padding:13px 20px;background-color:var(--WH_100);cursor:pointer;z-index:5;opacity:0;transition:opacity .3s ease}.box .service-btn .view-desc[data-v-58940cdb]{transform:translate(7%);transition:transform .3s ease}.box .service-btn .view-img[data-v-58940cdb]{opacity:0;transform:translate(0);transition:transform .3s ease}.box .service-btn .view-img img[data-v-58940cdb]{width:16px}.box .service-btn:hover .view-desc[data-v-58940cdb]{transform:translate(0)}.box .service-btn:hover .view-img[data-v-58940cdb]{opacity:1;transform:translate(20%)}.box:hover .mask[data-v-58940cdb]{background-color:#0006}.box:hover .service-btn[data-v-58940cdb]{opacity:1}.container-m img[data-v-58940cdb]{width:100%}.container-m .box[data-v-58940cdb]{height:400px}@media (max-width: 560px){.box .service-btn[data-v-58940cdb]{opacity:1}}@media (max-width: 1440px){.container[data-v-58940cdb]{height:400px}}@media (max-width: 1280px){.service-btn[data-v-58940cdb]{width:160px;height:48px}}@media (min-width: 1120.99px){.container-m[data-v-58940cdb]{display:none}}@media (max-width: 1120px){.container[data-v-58940cdb]{display:none}}